<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
    <link rel="stylesheet" type="text/css" th:href="@{/css/departmentCss/base.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/departmentCss/layout.css}">
    <link rel="stylesheet" type="text/css" th:href="@{css/departmentCss/zebra_dialog.css}">

    <script type="text/javascript" th:src="@{js/doctorJs/jquery-1.8.2.min.js.下载}"></script>
    <script type="text/javascript" th:src="@{js/doctorJs/jquery.cookie.js.下载}"></script>
    <script type="text/javascript" th:src="@{js/doctorJs/pagination-with-styles.js.下载}"></script>
    <script type="text/javascript" th:src="@{js/doctorJs/common.js.下载}"></script>
    <script type="text/javascript" th:src="@{/doctorJs/doctorList.js.下载}"></script>

    <style type="text/css" id="paginationjs-style">.paginationjs{line-height:1.6;font-family:"Marmelad","Lucida Grande","Arial","Hiragino Sans GB",Georgia,sans-serif;font-size:14px;box-sizing:initial}.paginationjs:after{display:table;content:" ";clear:both}.paginationjs .paginationjs-pages{float:left}.paginationjs .paginationjs-pages ul{float:left;margin:0;padding:0}.paginationjs .paginationjs-pages li{float:left;border:1px solid #aaa;border-right:0;list-style:none}.paginationjs .paginationjs-pages li>a{min-width:30px;height:28px;line-height:28px;display:block;background:#fff;font-size:14px;color:#333;text-decoration:none;text-align:center}.paginationjs .paginationjs-pages li>a:hover{background:#eee}.paginationjs .paginationjs-pages li.active{border:0}.paginationjs .paginationjs-pages li.active>a{height:30px;line-height:30px;background:#aaa;color:#fff}.paginationjs .paginationjs-pages li.disabled>a{opacity:.3}.paginationjs .paginationjs-pages li.disabled>a:hover{background:0}.paginationjs .paginationjs-pages li:first-child{border-radius:3px 0 0 3px}.paginationjs .paginationjs-pages li:first-child>a{border-radius:3px 0 0 3px}.paginationjs .paginationjs-pages li:last-child{border-right:1px solid #aaa;border-radius:0 3px 3px 0}.paginationjs .paginationjs-pages li:last-child>a{border-radius:0 3px 3px 0}.paginationjs .paginationjs-go-input{float:left;margin-left:10px;font-size:14px}.paginationjs .paginationjs-go-input>input[type="text"]{width:30px;height:28px;background:#fff;border-radius:3px;border:1px solid #aaa;padding:0;font-size:14px;text-align:center;vertical-align:baseline;outline:0;box-shadow:none;box-sizing:initial}.paginationjs .paginationjs-go-button{float:left;margin-left:10px;font-size:14px}.paginationjs .paginationjs-go-button>input[type="button"]{min-width:40px;height:30px;line-height:28px;background:#fff;border-radius:3px;border:1px solid #aaa;text-align:center;padding:0 8px;font-size:14px;vertical-align:baseline;outline:0;box-shadow:none;color:#333;cursor:pointer}.paginationjs .paginationjs-go-button>input[type="button"]:hover{background-color:#f8f8f8}.paginationjs .paginationjs-nav{float:left;height:30px;line-height:30px;margin-left:10px;font-size:14px}.paginationjs.paginationjs-small{font-size:12px}.paginationjs.paginationjs-small .paginationjs-pages li>a{min-width:26px;height:24px;line-height:24px;font-size:12px}.paginationjs.paginationjs-small .paginationjs-pages li.active>a{height:26px;line-height:26px}.paginationjs.paginationjs-small .paginationjs-go-input{font-size:12px}.paginationjs.paginationjs-small .paginationjs-go-input>input[type="text"]{width:26px;height:24px;font-size:12px}.paginationjs.paginationjs-small .paginationjs-go-button{font-size:12px}.paginationjs.paginationjs-small .paginationjs-go-button>input[type="button"]{min-width:30px;height:26px;line-height:24px;padding:0 6px;font-size:12px}.paginationjs.paginationjs-small .paginationjs-nav{height:26px;line-height:26px;font-size:12px}.paginationjs.paginationjs-big{font-size:16px}.paginationjs.paginationjs-big .paginationjs-pages li>a{min-width:36px;height:34px;line-height:34px;font-size:16px}.paginationjs.paginationjs-big .paginationjs-pages li.active>a{height:36px;line-height:36px}.paginationjs.paginationjs-big .paginationjs-go-input{font-size:16px}.paginationjs.paginationjs-big .paginationjs-go-input>input[type="text"]{width:36px;height:34px;font-size:16px}.paginationjs.paginationjs-big .paginationjs-go-button{font-size:16px}.paginationjs.paginationjs-big .paginationjs-go-button>input[type="button"]{min-width:50px;height:36px;line-height:34px;padding:0 12px;font-size:16px}.paginationjs.paginationjs-big .paginationjs-nav{height:36px;line-height:36px;font-size:16px}.paginationjs.paginationjs-theme-blue .paginationjs-pages li{border-color:#289de9}.paginationjs.paginationjs-theme-blue .paginationjs-pages li>a{color:#289de9}.paginationjs.paginationjs-theme-blue .paginationjs-pages li>a:hover{background:#e9f4fc}.paginationjs.paginationjs-theme-blue .paginationjs-pages li.active>a{background:#289de9;color:#fff}.paginationjs.paginationjs-theme-blue .paginationjs-pages li.disabled>a:hover{background:0}.paginationjs.paginationjs-theme-blue .paginationjs-go-input>input[type="text"]{border-color:#289de9}.paginationjs.paginationjs-theme-blue .paginationjs-go-button>input[type="button"]{background:#289de9;border-color:#289de9;color:#fff}.paginationjs.paginationjs-theme-blue .paginationjs-go-button>input[type="button"]:hover{background-color:#3ca5ea}.paginationjs.paginationjs-theme-green .paginationjs-pages li{border-color:#449d44}.paginationjs.paginationjs-theme-green .paginationjs-pages li>a{color:#449d44}.paginationjs.paginationjs-theme-green .paginationjs-pages li>a:hover{background:#ebf4eb}.paginationjs.paginationjs-theme-green .paginationjs-pages li.active>a{background:#449d44;color:#fff}.paginationjs.paginationjs-theme-green .paginationjs-pages li.disabled>a:hover{background:0}.paginationjs.paginationjs-theme-green .paginationjs-go-input>input[type="text"]{border-color:#449d44}.paginationjs.paginationjs-theme-green .paginationjs-go-button>input[type="button"]{background:#449d44;border-color:#449d44;color:#fff}.paginationjs.paginationjs-theme-green .paginationjs-go-button>input[type="button"]:hover{background-color:#55a555}.paginationjs.paginationjs-theme-yellow .paginationjs-pages li{border-color:#ec971f}.paginationjs.paginationjs-theme-yellow .paginationjs-pages li>a{color:#ec971f}.paginationjs.paginationjs-theme-yellow .paginationjs-pages li>a:hover{background:#fdf5e9}.paginationjs.paginationjs-theme-yellow .paginationjs-pages li.active>a{background:#ec971f;color:#fff}.paginationjs.paginationjs-theme-yellow .paginationjs-pages li.disabled>a:hover{background:0}.paginationjs.paginationjs-theme-yellow .paginationjs-go-input>input[type="text"]{border-color:#ec971f}.paginationjs.paginationjs-theme-yellow .paginationjs-go-button>input[type="button"]{background:#ec971f;border-color:#ec971f;color:#fff}.paginationjs.paginationjs-theme-yellow .paginationjs-go-button>input[type="button"]:hover{background-color:#eea135}.paginationjs.paginationjs-theme-red .paginationjs-pages li{border-color:#c9302c}.paginationjs.paginationjs-theme-red .paginationjs-pages li>a{color:#c9302c}.paginationjs.paginationjs-theme-red .paginationjs-pages li>a:hover{background:#faeaea}.paginationjs.paginationjs-theme-red .paginationjs-pages li.active>a{background:#c9302c;color:#fff}.paginationjs.paginationjs-theme-red .paginationjs-pages li.disabled>a:hover{background:0}.paginationjs.paginationjs-theme-red .paginationjs-go-input>input[type="text"]{border-color:#c9302c}.paginationjs.paginationjs-theme-red .paginationjs-go-button>input[type="button"]{background:#c9302c;border-color:#c9302c;color:#fff}.paginationjs.paginationjs-theme-red .paginationjs-go-button>input[type="button"]:hover{background-color:#ce4541}.paginationjs .paginationjs-pages li.paginationjs-next{*border-right:1px solid #aaa;border-right:1px solid #aaa\0}.paginationjs .paginationjs-go-input{*margin-left:5px;margin-left:5px\0}.paginationjs .paginationjs-go-input>input[type="text"]{*line-height:28px;line-height:28px\0;*vertical-align:middle;vertical-align:middle\0}.paginationjs .paginationjs-go-button{*margin-left:5px;margin-left:5px\�}.paginationjs .paginationjs-go-button>input[type="button"]{*vertical-align:middle;vertical-align:middle\0}.paginationjs.paginationjs-big .paginationjs-pages li>a{line-height:36px\0}.paginationjs.paginationjs-big .paginationjs-go-input>input[type="text"]{*height:35px;height:36px\0;*line-height:36px;line-height:36px\0}</style>

</head>
<body>
	<div class="header">
        <div class="wrapper clearfix">
            <div class="logo">
                <a id="headBaseConfigWebTitle" href="javascript:void (0)" style="cursor: text;">青山门诊预约挂号</a>
            </div>
        </div>
    </div>
	<div class="topNav">
        <div class="wrapper">
            <div class="topNav_menu">
                <ul class="clearfix">
                    <li>
                        <a id="futureReservation" th:href="@{/department}">首页</a>

                    </li>
                    <li class="last">
                        <a th:href="@{/userCenter}">我的中心</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="main">
    	<input type="hidden" id="hid_deptId" value="1z|A01020090000">
    	<input type="hidden" id="hid_deptName" value="血液病科">
        <input type="hidden" id="hid_docname" value="">
        <input type="hidden" id="hid_head_img" value="">
        <input type="hidden" id="hid_schedule" value="">
            <div id="wrapper" class="wrapper doctor_list clearfix">
    <p class="mt30 clearfix">
        <span class="fl"><a  th:href="@{/department}">首页</a> &gt;
<!--            <a href="javascript:void(0)" style="text-decoration: none;cursor: text;" th:text="${outpatients.name}"></a>&gt;-->
            <a href="javascript:void (0);" style="cursor: text;text-decoration: none;">选择医生</a>
        </span>
    </p>
    <section>
        <div class="data-container">
            
            <div  class="physician_info" th:each="doc:${doctors}">
                <img class="physician_img" style="width:150px;height: 208px;" th:src="@{/img/doctor_imgs/srmPhoto0336.jpg}">
                <ul class="physician_list">
                    <li>医院：<span>浙江省人民医院朝晖院区</span></li>
                    <li>科室：<a th:text="${doc.getOut_patient_id==1?'内科':(doc.getDoctor_id==2? '外科':(doc.getDoctor_id==3?'儿科':'妇产科'))}"></a></li>
                    <li>医生：<a th:text="${doc.getName()}"></a></li>
                    <li>职称：<a th:text="${doc.getLevel()==1?'住院医师':(doc.getDoctor_id==2? '主治医师':(doc.getDoctor_id==3?'副主任医师':'主任医师'))}">主任医师</a></li>
                    <li class="row">擅长：<a th:text="${doc.getIntroduce()}"></a></li>
                </ul>

                <table>
                    <tbody>
                    <tr>
<!--                        <td class="title"><span>可预约时间<span></span></span></td>-->
<!--                        <td class="times" valign="top"><span>星期一    星期一  </span></td>-->
                        <td class="status"><a th:href="@{/jumpdoctorpage/}+${doc.getDoctor_id()}">挂号</a>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div id="pagination-demo2" style="float: right">
            <div class="paginationjs">
                <div class="paginationjs-pages">
                    <ul>
                        <li class="paginationjs-prev disabled"><a>«</a></li>
                        <li class="paginationjs-page J-paginationjs-page active" data-num="1"><a>1</a></li>
                        <li class="paginationjs-next disabled"><a>»</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    </div>
</div>
</body>
</html>